<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>{{$title}}</title>

    <link href="/css/home/index.css" rel="stylesheet" type="text/css"/>
    <link href="/css/home/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
</head>
<style>
    input {
        outline: none;
    }

    select {
        outline: none;
    }

    .hideTab {
        display: none;
    }

    .right-fixed-box {
        position: fixed;
        height: 250px;
        width: 50px;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 10;
        right: 0;
        top: 330px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .icon-div-height {
        height: 60px;
        width: 100%;
    }

    .right-fixed-box-detail {
        position: fixed;
        height: 150px;
        width: 150px;
        z-index: 10;
        right: 50px;
        top: 380px;
        background-color: rgba(0, 0, 0, 0.7);
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .common-right-fixed-box-detail {
        color: #ffffff;
        width: 80%;
        font-size: 15px;
    }

    #qq-api-btn {
        height: 30px;
        width: 85%;
        border: 1px solid #77A6EC;
        color: #77A6EC;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-top: 10px;
        cursor: pointer;
    }
</style>
<body>


<div class="tb">
    <div class="dl">
        <div class="dlwz">
            <div class="dlwz1">欢迎来到蓝图生物！</div>
            @if(session('userInfo'))
                <div class="dlwz2">{{session('userInfo')['name']}}</div>
                <div class="dlwz3 logout">[<a href="#">注销</a>]</div>
            @else
                <div class="dlwz2">[<a href="{{url('web/login')}}">请登录</a>]</div>
                <div class="dlwz3">[<a href="#">注册</a>]</div>
            @endif
        </div>
        <div class="dianhua">
            <div class="dianhua1">客服热线：</div>
            <div class="dianhua2">0595-27971666</div>

        </div>
    </div>
</div>

<div class="tb1">
    <div class="tb11">
        <div class="logo"><img class="logoImg" src="/images/home/logo.png"/></div>
        <div class="sousuo">


            <div class="search-goods">
                <select class="search-goods-select">
                    <option>商品</option>
                    <option>商品</option>
                    <option>商品</option>
                </select>
                <input type="text" class="search-goods-input" placeholder="请输入搜索产品目录或者产品名称">
                <img class="icon1" src="/images/home/searchLogo.png">
            </div>
        </div>

        {{--<div class="icon">
            <div class="dingdan"><img class="ddicon" src="/images/home/orderLogo.png"/>
                <div class="text-dd">我的订单</div>
            </div>

            <div class="gwc"><img class="gwcicon" src="/images/home/car.png"/>

                <div class="text-gwc">购物车</div>
            </div>
        </div>--}}

    </div>
</div>

</div>
<div class="zj">
    <div class="dh">
        <div class="dh-sub">
            <div class="guanggao"><img src="/images/home/lantuLogo.png"/></div>
            <div class="all-cate"><img src="/images/home/listLogo.png"><span>全部分类</span>
                <div {{isset($show) && $show?'style=display:block;!important':''}} class="fenlei hideTab">
                    <div class="box2">
                        <ul class="left">
                            @foreach($cates as $k=>$v)
                                <li class="ys"><a href="#">{{$v['name']}}</a>
                                    @foreach($v['children'] as $k1=>$v1)
                                        <ul>
                                            <li class="ha_1"><a href="#">{{$v1['name']}}</a>
                                                @foreach($v1['children'] as $k2=>$v2)
                                                    <ul>
                                                        <li><a href="#">{{$v2['name']}}</a></li>
                                                    </ul>
                                                @endforeach
                                            </li>
                                        </ul>
                                    @endforeach
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
            <div class="sub-tab">
                <div>
                    <div id="menu_left" class="menu">
                        <ul id="menu-homemenu" class="top-menu-main">
                            <li id="menu-item-18"
                                class="top-menu menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-18">
                                <a href="{{ url('web/index') }}">首页</a></li>
                            <li id="menu-item-20"
                                class="top-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-20">
                                <a href="#">产品中心</a>
                            </li>
                            <li id="menu-item-21"
                                class="top-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-21">
                                <a href="#">检测中心</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-31"
                                        class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-31">
                                        <a href="http://www.lst-pharm.com/archives/category/news/group-news">中心简介</a>
                                    </li>
                                    <li id="menu-item-29"
                                        class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-29">
                                        <a href="http://www.lst-pharm.com/archives/category/news/enterprise-news">检测项目</a>
                                    </li>
                                    <li id="menu-item-30"
                                        class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-30">
                                        <a href="http://www.lst-pharm.com/archives/category/news/trade-news">检测流程</a>
                                    </li>
                                </ul>
                            </li>
                            <li id="menu-item-22"
                                class="top-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-22">
                                <a href="#">实验论坛</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-709"
                                        class="menu-item menu-item-type-post_type menu-item-object-post menu-item-709">
                                        <a href="http://www.lst-pharm.com/archives/704.htm">ELISA实验</a></li>
                                    <li id="menu-item-708"
                                        class="menu-item menu-item-type-post_type menu-item-object-post menu-item-708">
                                        <a href="http://www.lst-pharm.com/archives/706.htm">CLIA实验</a></li>
                                    <li id="menu-item-708"
                                        class="menu-item menu-item-type-post_type menu-item-object-post menu-item-708">
                                        <a href="http://www.lst-pharm.com/archives/706.htm">生化实验</a></li>
                                    <li id="menu-item-708"
                                        class="menu-item menu-item-type-post_type menu-item-object-post menu-item-708">
                                        <a href="http://www.lst-pharm.com/archives/706.htm">缓冲液配制</a></li>
                                </ul>
                            </li>
                            <li id="menu-item-23"
                                class="top-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-23">
                                <a href="#">资讯中心</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-138"
                                        class="menu-item menu-item-type-post_type menu-item-object-post menu-item-138">
                                        <a href="{{ url('web/article/activity') }}">促销活动</a></li>
                                    <li id="menu-item-137"
                                        class="menu-item menu-item-type-post_type menu-item-object-post menu-item-137">
                                        <a href="http://www.lst-pharm.com/archives/128.htm">产品反馈</a></li>
                                    <li id="menu-item-136"
                                        class="menu-item menu-item-type-post_type menu-item-object-post menu-item-136">
                                        <a href="{{ url('web/article/article_list') }}">技术文章</a></li>
                                    <li id="menu-item-135"
                                        class="menu-item menu-item-type-post_type menu-item-object-post menu-item-135">
                                        <a href="http://www.lst-pharm.com/archives/132.htm">疑难解答</a></li>
                                </ul>
                            </li>
                            <li id="menu-item-24"
                                class="top-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-24">
                                <a href="#">联系我们</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-56"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-56"><a
                                                href="http://www.lst-pharm.com/sales-channels">蓝图介绍</a></li>
                                    <li id="menu-item-55"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55"><a
                                                href="http://www.lst-pharm.com/online-join-apply">招聘启事</a></li>
                                    <li id="menu-item-55"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55"><a
                                                href="http://www.lst-pharm.com/online-join-apply">联系方式</a></li>
                                    <li id="menu-item-55"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55"><a
                                                href="http://www.lst-pharm.com/online-join-apply">公司荣誉</a></li>
                                    <li id="menu-item-55"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55"><a
                                                href="http://www.lst-pharm.com/online-join-apply">专利资质</a></li>
                                </ul>
                            </li>
                        </ul>
                        </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="sub-title"></div>
        </div>
    </div>
</div>
<div class="right-fixed-box-detail flex flex-jfcontent-center hideTab">
    <div class="QQ-connect-detail common-right-fixed-box-detail flex flex-direction-col flex-jfcontent-center hideTab">
        <div style="height: 40px;" class="flex flex-align-items-center">经销咨询</div>
        <div style="height: 40px;" class="flex flex-align-items-center">在线沟通，请点我</div>
        <a href="tencent://message/?uin=459043516&Site=&Menu=yes">
            <div id="qq-api-btn" class="flex flex-align-items-center qq-api-btn flex-jfcontent-center">在线咨询</div>
        </a>
    </div>
    <div class="phone-connect-detail common-right-fixed-box-detail flex flex-direction-col flex-jfcontent-center hideTab">
        <div style="height: 40px;" class="flex flex-align-items-center">客服热线</div>
        <div style="height: 40px;" class="flex flex-align-items-center">0595-27971666</div>
    </div>
    <div class="wechat-connect-detail common-right-fixed-box-detail flex flex-align-items-center flex-direction-col flex-align-items-center hideTab">
        <img style="width: 90%;margin-top:10px;margin-bottom: 5px" src="/images/home/qrcode-example.jpg">
        <div>扫一扫关注我们</div>
    </div>
</div>
<div class="right-fixed-box flex flex-direction-col flex-align-items-center flex-jfcontent-center">
    <div class="QQ-connect icon-div-height flex flex-align-items-center flex-jfcontent-center">
        <img src="/images/home/qq.png">
    </div>
    <div class="phone-connect icon-div-height flex flex-align-items-center flex-jfcontent-center">
        <img src="/images/home/phone.png">
    </div>
    <div class="wechat-connect icon-div-height flex flex-align-items-center flex-jfcontent-center">
        <img src="/images/home/wechati.png">
    </div>
</div>
@yield('content')
<div class="wy">
    <div class="wyjz">
        <div class="lxfs">
            <div class="ls">联系方式</div>
            <ul class="lxfs_1">
                <li class="lxfs_2">>电话: 0595-27971666</li>
                <li class="lxfs_2">>传真: 0595-27973666</li>
                <li class="lxfs_2">>终端QQ: 355902222</li>
                <li class="lxfs_2">>邮箱: 355902222@qq.com</li>
            </ul>
        </div>
        <div class="fenduan"></div>
        <div class="sjrk">
            <div class="lj">社交入口</div>
            <ul class="xiaotubiao" style="list-style:none;width:300px;">
                <li style="display:inline-block">
                    <div style="width:60px;height:60px"><img
                                src="/images/home/wechat.png"/></div>
                </li>
                <li style="display:inline-block">
                    <div style="width:60px;height:60px; margin-left:10px;"><img
                                src="/images/home/sina.png"/></div>
                </li>
                <li style="display:inline-block">
                    <div style="width:60px;height:60px;margin-left:10px;"><img
                                src="/images/home/google.png"/></div>
                </li>
                <li style="display:inline-block">
                    <div style="width:60px;height:60px;margin-left:10px"><img
                                src="/images/home/video.png"/></div>
                </li>
                <li style="display:inline-block">
                    <div style="width:60px;height:60px; margin-top:10px;"><img
                                src="/images/home/twitter.png"/></div>
                </li>
                <li style="display:inline-block">
                    <div style="width:60px;height:60px; margin-top:10px; margin-left:10px;"><img
                                src="/images/home/in.png"/></div>
                </li>
                <li style="display:inline-block">
                    <div style="width:60px;height:60px; margin-top:10px; margin-left:10px;"><img
                                src="/images/home/facebook.png"/></div>
                </li>
            </ul>


        </div>
        <div class="fenduan"></div>

        <div class="qtfw">
            <div class="lxfs sy-width">
                <div class="sylb">实验类别</div>
                <ul class="lxfs_1">
                    <li class="lxfs_3">>染色试剂</li>
                    <li class="lxfs_3">>常用试剂</li>
                    <li class="lxfs_3">>生化检测</li>
                    <li class="lxfs_3">>蛋白组学</li>
                    <li class="lxfs_3">>免疫研究</li>
                    <li class="lxfs_3">>细胞研究</li>
                </ul>
            </div>
            <div class="lxfs sy-width">
                <div class="sylb">公司信息</div>
                <ul class="lxfs_1">
                    <li class="lxfs_3">>关于我们</li>
                    <li class="lxfs_3">>联系我们</li>
                    <li class="lxfs_3">>配送方式</li>
                    <li class="lxfs_3">>订购支付</li>
                    <li class="lxfs_3">>售后服务</li>
                    <li class="lxfs_3">>免责条款</li>
                </ul>
            </div>
            <div class="lxfs sy-width">
                <div class="sylb">我的账户</div>
                <ul class="lxfs_1">
                    <li class="lxfs_3">>账户注册</li>
                    <li class="lxfs_3">>订购历史</li>
                    <li class="lxfs_3">>我的收藏</li>
                    <li class="lxfs_3">>付款结果</li>
                    <li class="lxfs_3">>订单跟踪</li>
                    <li class="lxfs_3">>咨询帮助</li>
                </ul>
            </div>
        </div>
    </div>
</div>
</div>
<div class="wy1"></div>
</body>
</html>
<script src="/vendor/layui/layui.js" charset="utf-8"></script>
<script>
    $('.logout').click(function () {
        $.ajax({
            url: "{{url('web/logout')}}",
            success: function () {
                window.location.reload();
            }
        })
    });
    layui.use(['jquery'], function () {
        var $ = layui.jquery
        $('.all-cate').mousemove(function () {
            $('.fenlei').removeClass('hideTab');
        });

        $('.all-cate').mouseout(function () {
            $('.fenlei').addClass('hideTab');
        });

        $('.icon-div-height').mousemove(function () {
            $('.right-fixed-box-detail').removeClass('hideTab');
        });

        $('.icon-div-height').mouseout(function () {
            $('.right-fixed-box-detail').addClass('hideTab');
        });

        $('.right-fixed-box-detail').mousemove(function () {
            $('.right-fixed-box-detail').removeClass('hideTab');
        });
        $('.right-fixed-box-detail').mouseout(function () {
            $('.right-fixed-box-detail').addClass('hideTab');
        });

        $('.QQ-connect').mousemove(function () {
            $('.QQ-connect-detail').removeClass('hideTab');
            $('.phone-connect-detail').addClass('hideTab');
            $('.wechat-connect-detail').addClass('hideTab');
        });
        $('.phone-connect').mousemove(function () {
            $('.QQ-connect-detail').addClass('hideTab');
            $('.phone-connect-detail').removeClass('hideTab');
            $('.wechat-connect-detail').addClass('hideTab');
        });
        $('.wechat-connect').mousemove(function () {
            $('.QQ-connect-detail').addClass('hideTab');
            $('.phone-connect-detail').addClass('hideTab');
            $('.wechat-connect-detail').removeClass('hideTab');
        });

    });
</script>
